import Information from "../../model/information"
import * as echarts from "../../components/echarts/echarts.min"
import cache from "../../enum/cache"

Page({
  data: {
    startdate: '开始日期',//默认起始时间  
    enddate: '结束日期',//默认结束时间 
    afoot: 0, // 进行中
    completed: 0, // 已完成
    noMeeting: 0, //未参会
    charData: [],
    ec: {
      lazyLoad: true // 懒加载
      // onInit: initChart
    },
  },

  /**
   * 生命周期函数--监听页面加载
   */
  async onLoad(options) {
    await this._getList()
  },
  // 获取列表 API
  async _getList() {
    let id = ''
    if(this.data.startdate == '开始日期' ) {
      this.data.startdate =''
    } 
    if (this.data.enddate == '结束日期') {
      this.data.enddate = ''
    }
    const role = wx.getStorageSync(cache.USER_ROLES)
    id = wx.getStorageSync(cache.COMMON_INFO).userId
    let query = {
      startTime:this.data.startdate, 
      endTime: this.data.enddate,
      userId: role === 'expert' ? id : '',
      unitId: role === 'common' ? id : ''
    }
    console.log(query);
    let res = await Information.getMyProject(query)
    this.setData({
      charData: res.rows
    })
    this.initChart(this.data.charData)
  },
  bindDateChange(e) {
    let that = this;
    console.log(e.detail.value)
    that.setData({
      startdate: e.detail.value,
    })
  },
  bindDateChange2(e) {
    let that = this;
    console.log(e.detail.value)
    that.setData({
      enddate: e.detail.value,
    })
    this._getList()
  },
  // 初始化图表
  initChart(barData) {
    console.log(barData);
    // 绑定组件
    this.barComponent = this.selectComponent("#mychart-dom-bar");
    // 初始化柱状图
    this.barComponent.init((canvas, width, height, dpr) => {
      // 初始化图表
      const chart = echarts.init(canvas, null, {
        width: width,
        height: height,
        devicePixelRatio: dpr // 解决模糊显示问题
      })
        var option = {
      backgroundColor: 'rgba(255,255,255,0.8)',
      tooltip: {
        trigger: 'item'
      },
      legend: {//显示图例
        show: true,
        bottom: '5%',
        left: 'center'
      },
      series: [{
        label: {
          normal: {
            fontSize: 14
          }
        },
        type: 'pie',
        center: ['50%', '40%'],//位置
        radius: ['60%', '40%'],//圈大小
        data: barData
      }]
    };
      // 开发中根据从后端获取barData数据,动态更新图表
      chart.setOption(option)
      return chart
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    this.initChart()
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})